<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="keywords" content="Hexo Theme Keep">
    <meta name="description" content="Hexo Theme Keep">
    <meta name="author" content="aaton">
    
    <title>
        
        aaton&#39;s study notes
    </title>
    
<link rel="stylesheet" href="/css/style.css">

    <link rel="shortcut icon" href="/images/logo.svg">
    
<link rel="stylesheet" href="/font/css/fontawesome.min.css">

    
<link rel="stylesheet" href="/font/css/regular.min.css">

    
<link rel="stylesheet" href="/font/css/solid.min.css">

    
<link rel="stylesheet" href="/font/css/brands.min.css">

    <script id="hexo-configurations">
    let KEEP = window.KEEP || {}
    KEEP.hexo_config = {"hostname":"example.com","root":"/","language":"en"}
    KEEP.theme_config = {"toc":{"enable":false,"number":false,"expand_all":false,"init_open":false},"style":{"primary_color":"#0066cc","logo":"/images/logo.svg","favicon":"/images/logo.svg","avatar":"/images/avatar.svg","font_size":null,"font_family":null,"hover":{"shadow":false,"scale":false},"first_screen":{"enable":true,"header_transparent":true,"background_img":"/images/bg.svg","description":"Keep writing and Keep loving.","font_color":null,"hitokoto":true},"scroll":{"progress_bar":false,"percent":false}},"local_search":{"enable":false,"preload":false},"code_copy":{},"code_block":{"tools":{"enable":true,"style":"default"},"highlight_theme":"default"},"side_tools":{},"pjax":{"enable":false},"lazyload":{"enable":false},"comment":{"enable":false,"use":"valine","valine":{"appid":null,"appkey":null,"server_urls":null,"placeholder":null},"gitalk":{"github_id":null,"github_admins":null,"repository":null,"client_id":null,"client_secret":null,"proxy":null},"twikoo":{"env_id":null,"region":null,"version":"1.6.8"},"waline":{"server_url":null,"reaction":false,"version":2}},"post":{"author_label":{"enable":true,"auto":true,"custom_label_list":["Trainee","Engineer","Architect"]},"word_count":{"enable":true,"wordcount":true,"min2read":true},"img_align":"left","copyright_info":false},"version":"3.6.1"}
    KEEP.language_ago = {"second":"%s seconds ago","minute":"%s minutes ago","hour":"%s hours ago","day":"%s days ago","week":"%s weeks ago","month":"%s months ago","year":"%s years ago"}
    KEEP.language_code_block = {"copy":"Copy code","copied":"Copied","fold":"Fold code block","folded":"Folded"}
    KEEP.language_copy_copyright = {"copy":"Copy copyright info","copied":"Copied","title":"Original article title","author":"Original article author","link":"Original article link"}
  </script>
<meta name="generator" content="Hexo 6.3.0"></head>


<body>
<div class="progress-bar-container">
    

    
</div>


<main class="page-container">

    
        
<div class="first-screen-container flex-center fade-in-down-animation">
    <div class="content flex-center">
        
            <div class="description hitokoto">
                
                    <div class="desc-item">Keep writing and Keep loving.</div>
                
            </div>
        
        
            <script async 
                    src="https://v1.hitokoto.cn/?encode=js"
            >
            </script>
        
        
            <div class="s-icon-list">
                
                    
                        
                        <div class="tooltip s-icon-item "
                             data-content="GitHub"
                             data-name="github"
                             
                        >
                            
                                
                                    <a target="_blank" href="https://github.com/Aton5859">
                                        <i class="fab fa-github"></i>
                                    </a>
                                
                            
                        </div>
                    
                
                    
                        
                        <div class="tooltip s-icon-item tooltip-img clear"
                             data-content="WeChat"
                             data-name="weixin"
                             data-img-url=./images/wechat.jpg
                        >
                            
                                
                                    <i class="fab fa-weixin"></i>
                                
                            
                        </div>
                    
                
                    
                        
                        <div class="tooltip s-icon-item tooltip-img clear"
                             data-content="QQ"
                             data-name="qq"
                             data-img-url=./images/QQ.jpg
                        >
                            
                                
                                    <i class="fab fa-qq"></i>
                                
                            
                        </div>
                    
                
            </div>
        
    </div>
</div>

    

    <div class="page-main-content is-home">

        <div class="page-main-content-top">
            
<header class="header-wrapper transparent-1">

    <div class="header-content has-first-screen">
        <div class="left">
            
                <a class="logo-image" href="/">
                    <img src="/images/logo.svg">
                </a>
            
            <a class="logo-title" href="/">
               aaton&#39;s study notes
            </a>
        </div>

        <div class="right">
            <div class="pc">
                <ul class="menu-list">
                    
                        <li class="menu-item">
                            <a class="active"
                               href="/"
                            >
                                HOME
                            </a>
                        </li>
                    
                        <li class="menu-item">
                            <a class=""
                               href="/archives"
                            >
                                ARCHIVES
                            </a>
                        </li>
                    
                        <li class="menu-item">
                            <a class=""
                               href="/tags"
                            >
                                TAGS
                            </a>
                        </li>
                    
                        <li class="menu-item">
                            <a class=""
                               href="/categories"
                            >
                                CATEGORIES
                            </a>
                        </li>
                    
                        <li class="menu-item">
                            <a class=""
                               href="/about"
                            >
                                ABOUT
                            </a>
                        </li>
                    
                    
                </ul>
            </div>
            <div class="mobile">
                
                <div class="icon-item menu-bar">
                    <div class="menu-bar-middle"></div>
                </div>
            </div>
        </div>
    </div>

    <div class="header-drawer">
        <ul class="drawer-menu-list">
            
                <li class="drawer-menu-item flex-center">
                    <a class="active"
                       href="/">HOME</a>
                </li>
            
                <li class="drawer-menu-item flex-center">
                    <a class=""
                       href="/archives">ARCHIVES</a>
                </li>
            
                <li class="drawer-menu-item flex-center">
                    <a class=""
                       href="/tags">TAGS</a>
                </li>
            
                <li class="drawer-menu-item flex-center">
                    <a class=""
                       href="/categories">CATEGORIES</a>
                </li>
            
                <li class="drawer-menu-item flex-center">
                    <a class=""
                       href="/about">ABOUT</a>
                </li>
            
        </ul>
    </div>

    <div class="window-mask"></div>

</header>


        </div>

        <div class="page-main-content-middle">

            <div class="main-content">

                
                    <div class="home-content-container fade-in-down-animation">
    <ul class="home-article-list">
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/2024/04/16/%E5%BC%B9%E6%80%A7%E5%B8%83%E5%B1%80%E7%9A%84%E5%AE%9A%E4%B9%89%E5%8F%8A%E5%90%84%E5%B1%9E%E6%80%A7%E9%87%8A%E4%B9%89/">
                        弹性布局的定义及各属性释义
                    </a>
                </h3>

                <div class="home-article-content keep-markdown-body">
                    
                        <p><img src="https://cn.bing.com/th?id=OHR.SunsetArchesNP_ZH-CN9875945974_1920x1080.webp&qlt=50" alt="bing.com-拱门国家公园，犹他州，美国" title="bing.com-拱门国家公园，犹他州，美国"></p>
<p>弹性布局的定义及各属性释义。</p>
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span>
            <i class="fas fa-history"></i>&nbsp;
            <span class="home-article-date" data-updated="Wed Apr 17 2024 09:44:32 GMT+0800">
                2024-04-17
            </span>
        </span>
        
            <span class="home-article-category"><i class="fas fa-folder"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/categories/CSS/">CSS</a>&nbsp;
                        </li>
                    
                    
                </ul>
            </span>
        
        
            <span class="home-article-tag">
                <i class="fas fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/tags/%E5%BC%B9%E6%80%A7%E5%B8%83%E5%B1%80/">弹性布局</a>&nbsp;
                        </li>
                    
                        <li>
                            | 
                            <a href="/tags/css/">css</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a class="read-more" href="/2024/04/16/%E5%BC%B9%E6%80%A7%E5%B8%83%E5%B1%80%E7%9A%84%E5%AE%9A%E4%B9%89%E5%8F%8A%E5%90%84%E5%B1%9E%E6%80%A7%E9%87%8A%E4%B9%89/">Read more&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/2024/03/29/Javascript%E4%B9%8B%E5%88%A4%E6%96%AD%E4%B8%80%E4%B8%AA%E5%8F%98%E9%87%8F%E6%98%AF%E5%90%A6%E4%B8%BA%E6%95%B0%E7%BB%84/">
                        Javascript之判断一个变量是否为数组
                    </a>
                </h3>

                <div class="home-article-content keep-markdown-body">
                    
                        <p><img src="https://s.cn.bing.net/th?id=OHR.SouthStackLight_ZH-CN5932471774_1920x1080.webp&qlt=50" alt="bing.com-日落时的南斯塔克灯塔，霍利希德，威尔士，英国" title="bing.com-日落时的南斯塔克灯塔，霍利希德，威尔士，英国"></p>
<p>Javascript之判断一个变量是否为数组。</p>
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span>
            <i class="fas fa-history"></i>&nbsp;
            <span class="home-article-date" data-updated="Fri Mar 29 2024 10:40:51 GMT+0800">
                2024-03-29
            </span>
        </span>
        
            <span class="home-article-category"><i class="fas fa-folder"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/categories/Javascript/">Javascript</a>&nbsp;
                        </li>
                    
                    
                </ul>
            </span>
        
        
            <span class="home-article-tag">
                <i class="fas fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/tags/%E6%95%B0%E6%8D%AE%E7%B1%BB%E5%9E%8B/">数据类型</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a class="read-more" href="/2024/03/29/Javascript%E4%B9%8B%E5%88%A4%E6%96%AD%E4%B8%80%E4%B8%AA%E5%8F%98%E9%87%8F%E6%98%AF%E5%90%A6%E4%B8%BA%E6%95%B0%E7%BB%84/">Read more&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/2024/03/29/Vue2%E4%B9%8B%E6%95%B0%E6%8D%AE%E5%8F%8C%E5%90%91%E7%BB%91%E5%AE%9A%E5%8E%9F%E7%90%86%E5%88%86%E6%9E%90/">
                        
                    </a>
                </h3>

                <div class="home-article-content keep-markdown-body">
                    
                        Vue2:https://www.jianshu.com/p/e7ebb1500613https://juejin.cn/post/7129795830764011527#heading-3https://blog.csdn.net/m0_59220...
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span>
            <i class="fas fa-history"></i>&nbsp;
            <span class="home-article-date" data-updated="Fri Mar 29 2024 10:02:15 GMT+0800">
                2024-03-29
            </span>
        </span>
        
        
    </div>

    <a class="read-more" href="/2024/03/29/Vue2%E4%B9%8B%E6%95%B0%E6%8D%AE%E5%8F%8C%E5%90%91%E7%BB%91%E5%AE%9A%E5%8E%9F%E7%90%86%E5%88%86%E6%9E%90/">Read more&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/2024/03/26/Javascript%E4%B9%8B%E6%97%A5%E6%9C%9F%E6%97%B6%E9%97%B4%E5%87%BD%E6%95%B0/">
                        Javascript之日期时间对象
                    </a>
                </h3>

                <div class="home-article-content keep-markdown-body">
                    
                        <p><img src="https://cn.bing.com/th?id=OHR.AmazonClouds_ZH-CN0578911147_1920x1080.webp&qlt=50" alt="bing.com-巴西亚马逊上空巨大的砧状云" title="bing.com-巴西亚马逊上空巨大的砧状云"></p>
<p>Javascript之日期时间对象 Date 的使用以及相关方法。</p>
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span>
            <i class="fas fa-history"></i>&nbsp;
            <span class="home-article-date" data-updated="Tue Mar 26 2024 14:41:30 GMT+0800">
                2024-03-26
            </span>
        </span>
        
            <span class="home-article-category"><i class="fas fa-folder"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/categories/Javascript/">Javascript</a>&nbsp;
                        </li>
                    
                    
                </ul>
            </span>
        
        
            <span class="home-article-tag">
                <i class="fas fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/tags/%E6%97%A5%E6%9C%9F%E5%AF%B9%E8%B1%A1/">日期对象</a>&nbsp;
                        </li>
                    
                        <li>
                            | 
                            <a href="/tags/Date/">Date</a>&nbsp;
                        </li>
                    
                        <li>
                            | 
                            <a href="/tags/%E8%AE%A1%E7%AE%97%E4%B8%A4%E4%B8%AA%E6%97%A5%E6%9C%9F%E7%9B%B8%E5%B7%AE%E5%A4%9A%E5%B0%91%E5%A4%A9/">计算两个日期相差多少天</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a class="read-more" href="/2024/03/26/Javascript%E4%B9%8B%E6%97%A5%E6%9C%9F%E6%97%B6%E9%97%B4%E5%87%BD%E6%95%B0/">Read more&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/2024/03/26/JavaScript%E5%B8%B8%E7%94%A8%E5%85%AC%E5%85%B1%E6%96%B9%E6%B3%95%E4%B9%8B%E6%97%B6%E9%97%B4%E8%BD%AC%E6%95%B0%E5%AD%97/">
                        JavaScript常用公共方法之时间转数字
                    </a>
                </h3>

                <div class="home-article-content keep-markdown-body">
                    
                        <p><img src="https://s.cn.bing.net/th?id=OHR.HangRaiVietnam_ZH-CN1601428109_1920x1080.webp&qlt=50" alt="bing.com-海水从古老的珊瑚礁上倾泄而下，杭来，越南" title="bing.com-海水从古老的珊瑚礁上倾泄而下，杭来，越南"></p>
<p>JavaScript常用公共方法之时间转数字。</p>
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span>
            <i class="fas fa-history"></i>&nbsp;
            <span class="home-article-date" data-updated="Tue Mar 26 2024 11:01:52 GMT+0800">
                2024-03-26
            </span>
        </span>
        
            <span class="home-article-category"><i class="fas fa-folder"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/categories/Javascript/">Javascript</a>&nbsp;
                        </li>
                    
                    
                        <li>
                            &gt; 
                            <a href="/categories/%E5%85%AC%E5%85%B1%E6%96%B9%E6%B3%95/">公共方法</a>&nbsp;
                        </li>
                    
                    
                </ul>
            </span>
        
        
            <span class="home-article-tag">
                <i class="fas fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/tags/%E6%97%B6%E9%97%B4%E8%BD%AC%E6%8D%A2/">时间转换</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a class="read-more" href="/2024/03/26/JavaScript%E5%B8%B8%E7%94%A8%E5%85%AC%E5%85%B1%E6%96%B9%E6%B3%95%E4%B9%8B%E6%97%B6%E9%97%B4%E8%BD%AC%E6%95%B0%E5%AD%97/">Read more&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/2023/12/18/%E6%B5%8F%E8%A7%88%E5%99%A8%E4%B9%8B%E5%AD%98%E5%82%A8/">
                        浏览器存储
                    </a>
                </h3>

                <div class="home-article-content keep-markdown-body">
                    
                        <p><img src="https://cn.bing.com/th?id=OHR.LofotenRorbu_ZH-CN7790383976_1920x1080.webp&qlt=50" alt="bing.com-传统钓鱼小屋，斯沃尔韦尔，罗弗敦群岛，挪威" title="bing.com-传统钓鱼小屋，斯沃尔韦尔，罗弗敦群岛，挪威"></p>
<p>浏览器存储的几种方式及各自的使用方式、优缺点。</p>
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span>
            <i class="fas fa-history"></i>&nbsp;
            <span class="home-article-date" data-updated="Tue Apr 16 2024 10:07:21 GMT+0800">
                2024-04-16
            </span>
        </span>
        
            <span class="home-article-category"><i class="fas fa-folder"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/categories/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a>&nbsp;
                        </li>
                    
                    
                </ul>
            </span>
        
        
            <span class="home-article-tag">
                <i class="fas fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/tags/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a>&nbsp;
                        </li>
                    
                        <li>
                            | 
                            <a href="/tags/%E6%95%B0%E6%8D%AE%E5%AD%98%E5%82%A8/">数据存储</a>&nbsp;
                        </li>
                    
                        <li>
                            | 
                            <a href="/tags/sessionStorage/">sessionStorage</a>&nbsp;
                        </li>
                    
                        <li>
                            | 
                            <a href="/tags/localStorage/">localStorage</a>&nbsp;
                        </li>
                    
                        <li>
                            | 
                            <a href="/tags/cookie/">cookie</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a class="read-more" href="/2023/12/18/%E6%B5%8F%E8%A7%88%E5%99%A8%E4%B9%8B%E5%AD%98%E5%82%A8/">Read more&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/2023/12/06/JavaScript%E5%B8%B8%E7%94%A8%E5%85%AC%E5%85%B1%E6%96%B9%E6%B3%95%E4%B9%8B%E5%88%A4%E6%96%AD%E5%AD%97%E7%AC%A6%E4%B8%B2%E4%B8%AD%E6%8B%AC%E5%8F%B7%E6%98%AF%E5%90%A6%E6%88%90%E5%AF%B9%E5%87%BA%E7%8E%B0/">
                        JavaScript常用公共方法之判断字符串中括号是否成对出现
                    </a>
                </h3>

                <div class="home-article-content keep-markdown-body">
                    
                        <p><img src="https://cn.bing.com/th?id=OHR.AlpsCastles_ZH-CN5078013932_1920x1080.webp&qlt=50" alt="bing.com-天鹅堡和旧天鹅堡，巴伐利亚阿尔卑斯山，德国" title="bing.com-天鹅堡和旧天鹅堡，巴伐利亚阿尔卑斯山，德国"></p>
<p>JavaScript常用公共方法之判断字符串中括号是否成对出现。</p>
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span>
            <i class="fas fa-history"></i>&nbsp;
            <span class="home-article-date" data-updated="Wed Dec 06 2023 17:30:38 GMT+0800">
                2023-12-06
            </span>
        </span>
        
            <span class="home-article-category"><i class="fas fa-folder"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/categories/Javascript/">Javascript</a>&nbsp;
                        </li>
                    
                    
                        <li>
                            &gt; 
                            <a href="/categories/%E5%85%AC%E5%85%B1%E6%96%B9%E6%B3%95/">公共方法</a>&nbsp;
                        </li>
                    
                    
                </ul>
            </span>
        
        
            <span class="home-article-tag">
                <i class="fas fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/tags/%E5%AD%97%E7%AC%A6%E4%B8%B2/">字符串</a>&nbsp;
                        </li>
                    
                        <li>
                            | 
                            <a href="/tags/%E6%8B%AC%E5%8F%B7%E6%98%AF%E5%90%A6%E6%88%90%E5%AF%B9%E5%87%BA%E7%8E%B0/">括号是否成对出现</a>&nbsp;
                        </li>
                    
                        <li>
                            | 
                            <a href="/tags/%E6%A0%88/">栈</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a class="read-more" href="/2023/12/06/JavaScript%E5%B8%B8%E7%94%A8%E5%85%AC%E5%85%B1%E6%96%B9%E6%B3%95%E4%B9%8B%E5%88%A4%E6%96%AD%E5%AD%97%E7%AC%A6%E4%B8%B2%E4%B8%AD%E6%8B%AC%E5%8F%B7%E6%98%AF%E5%90%A6%E6%88%90%E5%AF%B9%E5%87%BA%E7%8E%B0/">Read more&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/2023/12/06/%E9%97%AD%E5%8C%85/">
                        闭包
                    </a>
                </h3>

                <div class="home-article-content keep-markdown-body">
                    
                        <p><img src="https://img.peapix.com/cab3082a49544d289e44b841981b37d5_480.jpg" alt="bing.com-奥林匹克国家公园霍河雨林中的苔藓大厅 ，华盛顿州，美国" title="bing.com-奥林匹克国家公园霍河雨林中的苔藓大厅 ，华盛顿州，美国"></p>
<p>闭包的含义及其使用场景。</p>
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span>
            <i class="fas fa-history"></i>&nbsp;
            <span class="home-article-date" data-updated="Fri Dec 08 2023 17:18:30 GMT+0800">
                2023-12-08
            </span>
        </span>
        
        
            <span class="home-article-tag">
                <i class="fas fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/tags/%E9%97%AD%E5%8C%85/">闭包</a>&nbsp;
                        </li>
                    
                        <li>
                            | 
                            <a href="/tags/%E9%98%B2%E6%8A%96/">防抖</a>&nbsp;
                        </li>
                    
                        <li>
                            | 
                            <a href="/tags/%E8%8A%82%E6%B5%81/">节流</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a class="read-more" href="/2023/12/06/%E9%97%AD%E5%8C%85/">Read more&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/2023/12/06/http%E5%B8%B8%E8%A7%81%E5%93%8D%E5%BA%94%E7%8A%B6%E6%80%81%E7%A0%81/">
                        http常见相应状态码及其含义
                    </a>
                </h3>

                <div class="home-article-content keep-markdown-body">
                    
                        <p><img src="https://img.peapix.com/6fd6091ef249474d9193ccad7e25e7ce_480.jpg" alt="bing.com-内格罗河，亚马逊河流域，巴西" title="bing.com-内格罗河，亚马逊河流域，巴西"></p>
<p>http常见相应状态码及其含义。</p>
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span>
            <i class="fas fa-history"></i>&nbsp;
            <span class="home-article-date" data-updated="Fri Dec 08 2023 17:24:51 GMT+0800">
                2023-12-08
            </span>
        </span>
        
            <span class="home-article-category"><i class="fas fa-folder"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/categories/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a>&nbsp;
                        </li>
                    
                    
                        <li>
                            &gt; 
                            <a href="/categories/http/">http</a>&nbsp;
                        </li>
                    
                    
                </ul>
            </span>
        
        
            <span class="home-article-tag">
                <i class="fas fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/tags/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a>&nbsp;
                        </li>
                    
                        <li>
                            | 
                            <a href="/tags/http/">http</a>&nbsp;
                        </li>
                    
                        <li>
                            | 
                            <a href="/tags/%E7%8A%B6%E6%80%81%E7%A0%81/">状态码</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a class="read-more" href="/2023/12/06/http%E5%B8%B8%E8%A7%81%E5%93%8D%E5%BA%94%E7%8A%B6%E6%80%81%E7%A0%81/">Read more&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/2023/12/06/%E9%98%B2%E6%8A%96%E4%B8%8E%E8%8A%82%E6%B5%81/">
                        前端性能优化之防抖与节流
                    </a>
                </h3>

                <div class="home-article-content keep-markdown-body">
                    
                        <p><img src="https://img.peapix.com/743c61991b5c448cb394774232d367d3_480.jpg" alt="bing.com-什未林湖上的什未林城堡，梅克伦堡-前波美拉尼亚州，德国" title="bing.com-什未林湖上的什未林城堡，梅克伦堡-前波美拉尼亚州，德国"></p>
<p>防抖与节流的含义及其使用场景。</p>
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span>
            <i class="fas fa-history"></i>&nbsp;
            <span class="home-article-date" data-updated="Fri Dec 08 2023 17:21:53 GMT+0800">
                2023-12-08
            </span>
        </span>
        
        
            <span class="home-article-tag">
                <i class="fas fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/tags/%E9%97%AD%E5%8C%85/">闭包</a>&nbsp;
                        </li>
                    
                        <li>
                            | 
                            <a href="/tags/%E9%98%B2%E6%8A%96/">防抖</a>&nbsp;
                        </li>
                    
                        <li>
                            | 
                            <a href="/tags/%E8%8A%82%E6%B5%81/">节流</a>&nbsp;
                        </li>
                    
                        <li>
                            | 
                            <a href="/tags/%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/">前端性能优化</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a class="read-more" href="/2023/12/06/%E9%98%B2%E6%8A%96%E4%B8%8E%E8%8A%82%E6%B5%81/">Read more&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
    </ul>

    <div class="home-paginator">
        <div class="paginator">
    

    
        <a class="next btn"
           href="/page/2/"
        >Next</a>
    
</div>

    </div>
</div>


                
            </div>

        </div>

        <div class="page-main-content-bottom">
            
<footer class="footer">
    <div class="info-container">
        <div class="copyright-info info-item">
            &copy;
            
                <span>2020</span> -
            
            2024
            
                &nbsp;<i class="fas fa-heart icon-animate"></i>
                &nbsp;<a href="/">aaton</a>
            
        </div>
        
            <script async 
                    src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
            <div class="website-count info-item">
                
                    Visitor Count&nbsp;<span id="busuanzi_value_site_uv"></span>&ensp;
                
                
                    Totalview&nbsp;<span id="busuanzi_value_site_pv"></span>
                
            </div>
        
        <div class="theme-info info-item">
            Powered by <a target="_blank" href="https://hexo.io">Hexo</a>&nbsp;|&nbsp;Theme&nbsp;<a class="theme-version" target="_blank" href="https://github.com/XPoet/hexo-theme-keep">Keep v3.6.1</a>
        </div>
        
        
    </div>
</footer>

        </div>
    </div>

    

    <div class="right-bottom-side-tools">
        <div class="side-tools-container">
    <ul class="side-tools-list">
        <li class="tools-item tool-font-adjust-plus flex-center">
            <i class="fas fa-search-plus"></i>
        </li>

        <li class="tools-item tool-font-adjust-minus flex-center">
            <i class="fas fa-search-minus"></i>
        </li>

        <li class="tools-item tool-dark-light-toggle flex-center">
            <i class="fas fa-moon"></i>
        </li>

        <!-- rss -->
        

        
            <li class="tools-item tool-scroll-to-top flex-center">
                <i class="fas fa-arrow-up"></i>
            </li>
        

        <li class="tools-item tool-scroll-to-bottom flex-center">
            <i class="fas fa-arrow-down"></i>
        </li>
    </ul>

    <ul class="exposed-tools-list">
        <li class="tools-item tool-toggle-show flex-center">
            <i class="fas fa-cog fa-spin"></i>
        </li>
        
    </ul>
</div>

    </div>

    <div class="zoom-in-image-mask">
    <img class="zoom-in-image">
</div>


    

</main>





<script src="/js/utils.js"></script>

<script src="/js/main.js"></script>

<script src="/js/header-shrink.js"></script>

<script src="/js/back2top.js"></script>

<script src="/js/dark-light-toggle.js"></script>







    
<script src="/js/code-block.js"></script>





<div class="post-scripts">
    
</div>



</body>
</html>
